<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            详情
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only [navPush]="'MemberPage'">
                <ion-icon name="contact"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content>
    <div class="ht-f1f1f1">
        <!-- 内容开始 -->
        <div class="ht-background ht-100 ht-overflow ht-margin-bottom" padding>
            <div class="ht-100 ht-overflow ht-bold ht-font-16 ht-333 ht-padding-bottom10">
                {{infoData.title}}
            </div>
            <div class="ht-100 ht-overflow ht-font-13 ht-999 ht-padding-bottom10">
                <span class="ht-float-left">{{infoData.nickname}}</span>
                <span class="ht-float-right">{{infoData.add_time}}</span>
            </div>
            <div class="ht-100 ht-overflow ht-font-14 ht-666 ht-padding-bottom10">
                <div [innerHTML]="infoData.auto_content"></div>
            </div>
            <div class="ht-overflow ht-font-13 ht-999 ht-auto flex flex-line-between">
                <div class="">阅读 {{infoData.see_num}}</div>
                <div class=" ht-overflow flex flex-align-center" (click)="doCollection()">
                    <img src="assets/imgs/icon-sc.png" alt="" class="ht-img">
                    <span class="ht-span">{{collectionStatus}}</span>
                </div>
                <div class=" ht-overflow flex flex-align-center" (click)="share.show()">
                    <img src="assets/imgs/icon-lfx.png" alt="" class="ht-img">
                    <span class="ht-span">分享</span>
                </div>
                <!--<div class="ht-float-left ht-25 ht-overflow">-->
                <!--<img src="assets/imgs/icon-hz.png" alt="" class="ht-img">-->
                <!--<span class="ht-span">赞 20</span>-->
                <!--</div>-->
            </div>
        </div>
        <!-- 内容结束 -->
        <!-- 留言开始 -->
        <!--<div class="ht-100 ht-overflow ht-background" padding>-->
        <!--<div class="ht-100 ht-overflow ht-bold ht-font-15 ht-333 ht-padding-bottom10">-->
        <!--留言-->
        <!--</div>-->
        <!--<div class="ht-100 ht-overflow ht-padding-bottom10 ht-relative">-->
        <!--<input type="text" class="od-ly" placeholder="请留下你想说的话">-->
        <!--<div class="od-fs">-->
        <!--发送-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="ht-100 ht-overflow">-->
        <!--<div class="ht-100 ht-overflow ht-padding-tb ht-border-bottom">-->
        <!--<div class="ht-100 ht-overflow ht-padding-bottom10">-->
        <!--<img src="assets/imgs/service-banner.png" alt="" class="od-img">-->
        <!--<div class="ht-float-left ht-line-15">-->
        <!--没有蜡笔的小新<br>06-28-->
        <!--</div>-->
        <!--<div class="ht-float-right">-->
        <!--<img src="assets/imgs/icon-pl.png" alt="" class="ht-img">-->
        <!--<span class="ht-span">评论</span>-->
        <!--<img src="assets/imgs/icon-z.png" alt="" class="ht-img od-margin-left">-->
        <!--<span class="ht-span">赞 20</span>-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="ht-100 od-padding-left ht-font-14 ht-888">挺好详细看懂了！</div>  -->
        <!--</div>-->
        <!--&lt;!&ndash; 回复 &ndash;&gt;-->
        <!--<div class="ht-100 ht-overflow od-padding-left ht-font-14 ht-999 ht-padding-tb ht-border-bottom">-->
        <!--<div class="ht-padding-bottom5">-->
        <!--<span class="ht-333">小东粮油：</span>-->
        <!--恩恩好的，原来是这样的啊-->
        <!--</div>-->
        <!--<div>-->
        <!--<span class="ht-333">淘淘：</span>回复<span class="ht-333">小东粮油</span>-->
        <!--恩恩好的，原来是这样的啊-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!-- 留言结束 -->
    </div>
</ion-content>
<share-overlay #share (outer)="shareResult($event)"></share-overlay>
